@charset "utf-8";

/* CSS hack */

body {

  font-family: "Microsoft YaHei", Tahoma, "宋体";

  /*font-family: "Hiragino Sans GB W3";*/



  font-size: 12px;

  margin: 0 auto;

  width: 100%;

 
  position: relative;

}

a {

  text-decoration: none;

  outline: none;

}

a:hover {

  text-decoration: none;

}

:focus {

  outline: 0;

}

input {

  font-size: 12px;

  margin: 0;

  padding: 0;

  border: 0 none;

  *width: 15px;

  *height: 15px;

}

h1,

h2,

h3,

h4 {

  margin: 0;

  padding: 0;

}

p {

  margin: 0;

  padding: 0;

}


ul,

dl,

dd,

li {

  margin: 0;

  padding: 0;

  list-style-type: none;

  border: 0 none;

}


strong {

  font-weight: normal;

}

hr {

  margin: 0;

  padding: 0px;

  height: 1px;

  background-color: #F6F1ED;

  border: none;

}

img {

  border: none;

}

tr,

td,

th {

  border: none;

  padding: 0;

  margin: 0;

  border-collapse: collapse;

}

.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}

/* Clear Fix */

.container {

  width: 990px;

  margin: 0 auto;

}

.text-c {

  text-align: center;

}

.text-l {

  text-align: left;

}

.text-r {

  text-align: right;

}

.clearfix:after {

  clear: both;

  height: 0;

  display: block;

  visibility: hidden;

  content: ".";

}

.clearfix {

  *zoom: 1;

}

.fl,

.fl-l {

  float: left;

}

.fr,

.fl-r {

  float: right;

}

/* end of clearfix */

.yellow {

  color: #c78c39;

}

.hidden {

  display: none;

}

input::-webkit-input-placeholder {

  /* WebKit browsers */



  color: #c7c7c7;

  font-family: "微软雅黑", Arial, Sans-Serif;

}

input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */



  color: #c7c7c7;

  font-family: "微软雅黑", Arial, Sans-Serif;

}

input::-moz-placeholder {

  /* Mozilla Firefox 19+ */



  color: #c7c7c7;

  font-family: "微软雅黑", Arial, Sans-Serif;

}

input:-ms-input-placeholder {

  /* Internet Explorer 10+ */



  color: #c7c7c7;

  font-family: "微软雅黑", Arial, Sans-Serif;

}

/* 输入错误 */

label.error {

  color: Red;

  line-height: 22px;

  height: 22px;

  padding: 0 0 0 22px;

  background: none;

  margin: 0 0 0 10px;

  font-size: 12px;

  background: url("../images/mainbg.png")/*tpa=http://dstz88.com/statics/images/mainbg.png*/ no-repeat -623px -101px;

}

label.success {

  background-position: -4px -414px;

}

/*提示文字样式*/

#HintMsg {

  width: 151px;

  position: absolute;

  display: none;

}

#HintMsg .HintTop {

  height: 8px;

  overflow: hidden;

}

#HintMsg .HintInfo {

  padding: 0 5px;

  border-left: 1px solid #000;

  border-right: 1px solid #000;

  background: #FFFFE1;

  line-height: 1.5em;

}

#HintMsg .HintInfo b {

  display: block;

  padding: 1px 0 7px 15px;

  height: 13px;

  line-height: 16px;

}

#HintMsg .HintInfo b span {

  display: block;

  float: right;

  text-indent: -9999px;

  background: url("../images/close.gif")/*tpa=http://dstz88.com/statics/images/close.gif*/ no-repeat;

  width: 12px;

  height: 12px;

  cursor: pointer;

}

#HintMsg .HintFooter {

  height: 22px;

}

.header .container .nav {

  float: right;

  /*margin: 0 0 0 65px;*/



  margin: 0 5px 0 0;

  *display: inline;

}

.header .container .re {

  float: right;

  width: 87px;

}

.header .container .re a {

  float: left;

  width: 85px;

  line-height: 34px;

  font-size: 14px;

  text-align: center;

  cursor: pointer;

}

.header .container .re a:hover {

  text-decoration: none;

}

.header .container .re a.in {

  border: 1px solid #ff6600;

  border-radius: 4px;

  background-color: #ff6600;

  color: #fff;

}

.header .container .re a.in:hover {

  background-color: #ff6600;

}

.header .container .re a.acc {

  border: 1px solid #c7c7c7;

  border-left: none;

  border-radius: 0 4px 4px 0;

  background-color: #efefef;

  color: #333;

}

.header .container .re a.acc:hover {

  color: #ff6600;

}

.header .container .nav ul li {

  margin: 0 38px 0 0;

}

.header .container .nav ul li.last {

  margin: 0;

}

.header .container .nav ul li a:hover {

  /*width: 99px!important;*/



  text-decoration: none;

  color: #ff6600;

}

.header .container .nav ul li a.active {

  /*width: 99px;*/



  color: #ff6600;

}

.header .container .nav ul li a {

  display: block;

  height: 28px;

  width: 64px;

  float: none;

  text-align: right;

  font-size: 16px;

  /*background: url(../images/mainbg.png) no-repeat -18px -948px;*/



}

/*.header .container .nav ul li.index a {

        width: 39px;

    }



    .header .container .nav ul li.index a:hover,.header .container .nav ul li.index a.active {

        background-position: 0px -977px!important;

        width: 57px!important;

    }



    .header .container .nav ul li.safe a {

        background-position: -125px -948px;

    }

    .header .container .nav ul li.safe a:hover,.header .container .nav ul li.safe a.active {

        background-position: -105px -977px!important;

    }



    .header .container .nav ul li.about a {

        background-position: -270px -948px;

    }

    .header .container .nav ul li.about a:hover,.header .container .nav ul li.about a.active {

        background-position: -250px -977px!important;

    }*/

.notice div.container div.left span.notice a {

  color: #333333;

}

.baidulink {

  display: none;

}

/* 滚动层 */

.tools {

  position: fixed;

  bottom: 20px;

  right: 20px;

  width: 48px;

  display: none;

}

.tools ul {

  border: 1px solid #dfdfdf;

  border-bottom: none;

  width: 48px;

  overflow: hidden;

}

.tools ul li {

  border-bottom: 1px solid #dfdfdf;

  padding: 10px;

  height: 28px;

  text-indent: -100px;

  cursor: pointer;

  background: url("../images/indexbg.png")/*tpa=http://dstz88.com/statics/images/indexbg.png*/ no-repeat 0 -528px;

  text-align: center;

  color: #999;

}

.tools ul li:hover {

  text-indent: 0;

  background: #fff;

  color: #999;

}

.tools ul li.two {

  background-position: -48px -528px;

}

.tools ul li.tr {

  background-position: -96px -528px;

}

.tools ul li.tr a {

  color: #999;

  text-decoration: none;

}

.tools ul li.kf {

  background-position: -144px -528px;

}

.tools ul li.kf:hover a {

  text-decoration: none;

  background: none;

}

.tools ul li.kf a {

  color: #999;

}

.yield {

  color: #333;

  border: 1px solid #e9e9e9;

  border-radius: 4px;

  background-color: #ffffff;

  margin:10px auto;

}

.yield .title {

  line-height: 61px;

  padding: 0 0 0 32px;

  font-size: 18px;

  border-bottom: 1px solid #e9e9e9;

}

.yield form.yieldlist {

  padding: 56px 0 0 110px;

  width: 800px;

  height: auto;

  float: none;

  font-size: 14px;

}

.yield form.yieldlist dl dt {

  width: 10%;

  text-align: right;

 margin: 0 5px 0 24px;

  float: left;

  line-height: 34px;
  height:68px;

}

.yield form.yieldlist dl dd.info {

  padding: 0;

  border: none;

  width: 40%;

  white-space: nowrap;

  margin: 0 0 6px;

}

.yield form.yieldlist dl dd {

  width: 256px;

  float: left;

  line-height: 34px;
  height:68px;

}

.yield form.yieldlist dl dd span.txt_ico {

  float: right;

  width: 43px;

  height: 34px;

  background: url("diy_bg.png")/*tpa=http://dstz88.com/statics/css/diy_bg.png*/ no-repeat 0 0;

  border: 1px solid #dbdbdb;

  border-left: none;

  border-radius: 0 4px 4px 0;

}

.yield form.yieldlist dl dd span.rate {

  background-position: 0 -34px;

}

.yield form.yieldlist dl dd span.limit {

  background-position: 0 -68px;

}

.yield form.yieldlist dl dd span.pay {

  background-position: 0 -102px;

}

.yield form.yieldlist dl dd span.date {

  background-position: 0 -136px;

}

.yield form.yieldlist dl dd input.error {

  margin: 0;

}

.yield form.yieldlist dl dd input.success {

  margin: 0 0 14px;

}

.yield form.yieldlist dl dd input {

  border: 1px solid #dbdbdb;

  border-radius: 4px 0 0 4px;

  width: 194px;

  margin: 0 0 0px;

  padding: 0 8px;

  background-color: #fff;

  border-right: 1px solid #dbdbdb;

  line-height: 34px;

  height: 34px;

  vertical-align: top;

}

.yield form.yieldlist p.sub {

  padding: 15px 0 54px 300px;

}

.yield form.yieldlist p.sub input {

  float: left;

  width: 84px;

  line-height: 32px;

  color: #fff;

  background-color: #6a6a6a;

  border: 1px solid #6a6a6a;

  border-radius: 4px;

  font-size: 14px;

  cursor: pointer;

}

.yield form.yieldlist p.sub input:hover {

  background-color: #575757;

}

.yield form.yieldlist p.sub input.mit {

  background-color: #ff6600;

  border: 1px solid #ff6600;

  margin: 0 20px 0 0;

}

.yield form.yieldlist p.sub input.mit:hover {

  background-color: #ff6600;

}

.yield div.income_t {

  line-height: 64px;

  font-size: 18px;

  padding: 0 0 0 32px;

  border-top: 1px solid #e9e9e9;

}

.yield div.income_t strong {

  color: #e70002;

  margin: 0 35px 0 10px;

}

.yield table {

  border: 1px solid #e9e9e9;

  border-radius: 4px;

  width: 892px;

  margin: 0 0 32px 32px;

  font-size: 14px;

}

.yield table tr td {

  line-height: 42px;

  text-align: center;

  border-right: 1px solid #e9e9e9;

  border-bottom: 1px solid #e9e9e9;

  border-collapse: collapse;

}

/* select */

.dropdown {

  margin: 0;

  width: 255px;

  line-height: 34px;

  height: 34px;

  border: 1px solid #e9e9e9;

  position: absolute;

  left: 0;

  top: 0;

}

.dropdown .selected,

.dropdown li {

  padding: 0 8px!important;

  width: 240px;

  line-height: 34px;

  height: 34px;

  font-size: 14px;

  color: #333;

}

.dropdown li.focus {

  background-color: #f0f0f0;

  color: #333;

}

.dropdown .carat {

  background: url("diy_bg.png")/*tpa=http://dstz88.com/statics/css/diy_bg.png*/ no-repeat 0 -102px;

  padding: 0;

  margin: 0!important;

  width: 43px;

  height: 34px;

  border: none!important;

  border-left: 1px solid #e9e9e9!important;

  left: 210px;

  top: 0;

}

.dropdown .carat:hover {

  border: none;

  border-left: 1px solid #e9e9e9;

}

/* error */

label.error {

  line-height: 22px;

  background-position: -625px -101px;

  margin: 5px 0 0;

  float: left;

}

label.success {

  display: none!important;

}

